<template>
   <div>
       <nav-bar class="nav-header">
           <div slot="center" class="centerflex">
               <div v-for="(item,index) in titleList" :key="index" class="titleitem" @click="titleClick">{{item}}</div>
           </div>
       </nav-bar>
   </div>
</template>

<script>
import NavBar from '@/components/common/navbar/NavBar.vue'
export default {
    data(){
        return{
         titleList:['商品','参数','评论','推荐']
        }
    },
    methods: {
    titleClick(){
        
    }
},
     components:{
         NavBar
     }
}

</script>

<style>
/* .nav-header{
    background: red;
} */
  .centerflex{
      display: flex;
  }
    .titleitem{
      flex:1;
      font-size: 14px;
  }
</style>